<template>
    <el-container class="layout-container-system">
        <Aside />
        <el-container class="content-wrapper-system">
            <Header />
            <Main />
        </el-container>
    </el-container>
    <CloseFullScreen v-if="navTabs.state.tabFullScreen" />
</template>

<script setup lang="ts">
import Aside from '/@/layouts/most/components/aside.vue'
import Header from '/@/layouts/most/components/header.vue'
import Main from '/@/layouts/most/router-view/main.vue'
import CloseFullScreen from '/@/layouts/most/components/closeFullScreen.vue'
import { useNavTabs } from '/@/stores/navTabs'
const navTabs = useNavTabs()
</script>

<style scoped>
.layout-container-system {
    height: 100%;
    width: 100%;
}
.content-wrapper-system {
    flex-direction: column;
    width: 100%;
    height: 100%;
}
</style>
